<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本</title>
    <style>
        div{
            font-size: 30px;
            font-family: "Times New Roman";
        }
        #d1{
            color: red;
            text-align: left;
            /*text-indent: 100px;*/
            text-indent: 10%;
            text-decoration: overline;
            text-transform: capitalize;
        }
        #d2{
            color: #00ff00;
            /*text-align: center;*/
            /*text-indent: 200px;*/
            text-indent: 20%;
            text-decoration: line-through;
            text-transform: uppercase;
        }
        #d3{
            color: rgb(0,0,255);
            /*text-align: right;*/
            /*text-indent: 300px;*/
            text-indent: 30%;
            text-decoration: underline;
            text-transform: lowercase;
        }
    </style>
</head>
<body>
<div id="d1">helloworld world</div>
<div id="d2">hello world</div>
<div id="d3">hello css</div>
</body>
</html>